@charset "utf-8";
/* 手机端通用CSS Document by liangcaijian QQ:632324010*/

/*首页css部分*************************************************/

	  .logo { width:100%; text-align:center; padding-top:18px; overflow:hidden}
	  /************************box框 css*******************************/
	  .box { width:100%; background:#fff; border-top:1px #dddddd solid;border-bottom:1px #dddddd solid; margin:15px auto 0; overflow:hidden}
	  .box .box_head { width:100%; height:45px; line-height:45px; border-bottom:1px #dddddd solid; overflow:hidden}
	  .box .box_head h2 { font-size:16px; color:#666; float:left; padding-left:15px}
	  .box .box_body { padding:10px 15px;overflow:hidden}

		/*新闻公告*/
		.gonggao_list{width:100%; overflow:hidden}
		.gonggao_list li{border-bottom:1px dashed #e2e2e2;padding-left:2px;height:42px;line-height:42px; width:100%; overflow:hidden}
		.gonggao_list li a{color:#666666;font-size:14px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.gonggao_list li a:hover{color:#ff7900}
		.gonggao_list .news_more { width:100%; display:block; height:40px; line-height:40px; background:#dcdcdc; text-align:center; font-size:16px;border-radius:4px; margin-top:12px}
		/*关于我们*/
		.about_list { width:100%;overflow:hidden;font-family:"Microsoft Yahei";}
		.about_list li { float:left; width:25%; overflow:hidden;}
		.about_list li p { width:100%; text-align:center; padding-top:15px; height:52px;}
		.about_list li h3 { width:100%; text-align:center; overflow:hidden;height:40px; line-height:40px;font-size:18px; font-weight:normal}	
		.about_txt {color:#808080;padding:10px 0 10px 5px; font-size:14px;overflow:hidden;font-family:"Microsoft Yahei";}  
	  
	  /************************图标按钮菜单 css*******************************/
	  .menu { width:100%; overflow:hidden}
	  .menu a{ width:25%;height:25px; padding-top:60px; margin-top:8px;margin-bottom:3px;float:left; display:block; text-align:center;color:#555; font-size:13px;}
	  .menu_ioc_1,.menu_ioc_2,.menu_ioc_3,.menu_ioc_4,.menu_ioc_5,.menu_ioc_6,.menu_ioc_7,.menu_ioc_8 {background:url(images/ico_index.png) no-repeat;background-size:55px auto;display: inline-block;overflow:hidden;}
	  .menu_ioc_1 {background-position:center 0px;}
	  .menu_ioc_2 {background-position:center -93px;}
	  .menu_ioc_3 {background-position:center -184px;}
	  .menu_ioc_4 {background-position:center -277px;}
	  .menu_ioc_5 {background-position:center -368px;}
	  .menu_ioc_6 {background-position:center -459px;}
	  .menu_ioc_7 {background-position:center -552px;}
	  .menu_ioc_8 {background-position:center -645px;}
	  
	  /************************页脚：触屏版、电脑版切换 css*******************************/
	  .footer_fourth { width:55%; margin:0 auto 18px;overflow:hidden}
	  .footer_fourth a { color:#3d3d3d; width:50%; float:left; display:block; text-align:center; font-size:16px}

/*首页css部分 End*************************************************/

/*公司内容css部分*************************************************/
.content_info { padding:10px;background:#FFF; overflow:hidden}
.content_info .about_head {width:100%; height:45px; line-height:45px;border-bottom:1px #CCC solid;overflow:hidden}
.content_info .about_head .about_title { float:left;font-size:18px;}
.content_info .about_head .about_nav { float:right; margin-right:5px; background:url(images/abous_nav.gif) no-repeat 0 center;font-size:16px; padding-left:20px; color:#e52929; cursor:pointer}
.content_info .about_content {width:100%; padding-top:15px;line-height:220%;overflow:hidden}

/*新闻公告css部分*************************************************/
.content_info .news_head {width:100%;border-bottom:1px #CCC solid;overflow:hidden}
.content_info .news_head .news_title {width:100%;padding:10px 0;font-size:16px; text-align:center}
.content_info .news_head .news_nav {width:100%;padding-bottom:10px;text-align:center;color:#999;}
.content_info .news_head .news_nav a { color:#999}
.content_info .news_content {width:100%; padding-top:15px;line-height:220%;overflow:hidden}

/*运单查询css部分*************************************************/
.daoda-box{ margin-top:15px; overflow:hidden}
.daoda-box:after { clear: both; content: ""; display: table;}
.box-cont{background:#fff; min-height:100px;overflow:hidden;}
.box-cont .error{ border:1px dashed #ddd; padding:10px 0; margin:10px auto; width:99%; text-align:center; font-size:16px; color:#ed5736;}

.OrderTracking {margin: 0 0 0 16px;display: block;padding: 15px 0 15px 0;}
.OrderTracking li{border-left: 1px solid #cccccc;padding: 0 0 10px 15px;color: #666666;}
.OrderTracking li p{color: #666666;}
.OrderTracking li span.time{display: block;border-bottom: 1px dashed #cfcfcf;padding: 0 0 5px 0;margin: 0 10px 0 0;}
.OrderTracking li span.icon{display: inline-block;width: 7px;height: 7px;background: #b2b2b2;border-radius: 7px;margin: 7px 5px 0 -19px;vertical-align: middle;float: left;}
.OrderTracking dt li:last-child span.icon{background: #ed5736;}
.OrderTracking dt li:last-child p{color: #ed5736;}
.OrderTracking dt li:last-child{color: #ed5736;}

/*公司内容列表筛选侧边栏*/
.filter{position:absolute;z-index:998;top:0;left:0;width:100%;height:100%; display:none}
.filter .filter-bg{position:absolute;z-index:998;top:0;left:0;width:100%;height:100%;background-color:rgba(102,102,102,0.5);}
.filter .filter-bg a{position:absolute;width:2.5rem;height:2.5rem;top:12.5rem;right:17rem; border-radius:0.5rem;background-color:#666;}
.filter .filter-bg a:before{content:'';position:absolute;width:0.5rem;height:0.5rem;top:0.875rem;right:0.6875rem;border-right:0.25rem solid #fff;border-bottom:0.25rem solid #fff;-webkit-transform:rotate(-45deg);}
.filter .filter-bg a:after{content:'';position:absolute;width:0.5rem;height:0.5rem;top:0.875rem;right:1.3125rem;border-right:0.25rem solid #fff;border-bottom:0.25rem solid #fff;-webkit-transform:rotate(-45deg);}
.filter .filter-box{position:absolute;width:16rem;height:100%;right:0;top:0;z-index:999;overflow-y:scroll; overflow-x:hidden; background-color:#fff;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.4s;transition:-webkit-transform 0.4s;-webkit-transform-origin:0px 0px;-webkit-transform:translate(250px,0);}
.filter .filter-box div{display:none;}
.filter .filter-box-on{-webkit-transform:translate(0,0);}
.filter .filter-box h5{padding:0.25rem 1rem;font-size:0.875rem;font-weight:normal;color:#333;border-bottom:1px solid #ccc;background:-webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#f2f2f2));}
.filter .filter-box a{display:block;padding:0.5rem 1rem;text-decoration:none;color:#666;}
.filter .filter-box a:hover{text-decoration:none;}

.filter .filter-box dl{border-bottom:1px solid #ccc;font-size:0.95rem; font-weight:bold;widht:100%; overflow:hidden}
.filter .filter-box dl .href{ width:200px; float:left; overflow:hidden;}
.filter .filter-box dl .click_show{ float:right;margin-top:9px;margin-right:10px;width:22px; height:20px;background:url(images/about_content_show1.gif);cursor:pointer}
.filter .filter-box dl .click_show.active{background:url(images/about_content_show2.gif);}
.filter .filter-box ul{padding:0.5rem 1rem; overflow:hidden; display:none}
.filter .filter-box li{width:100%;overflow:hidden}
.filter .filter-box li .click_show{ float:right;margin-top:9px;margin-right:14px;width:22px; height:20px; cursor:pointer}

.filter .filter-box .Choose a{ color:#f00;}
